const { description } = require('../../package')

module.exports = {
  /**
   * Ref：https://v1.vuepress.vuejs.org/config/#title
   */
  title: '迈向大前端',
  /**
   * Ref：https://v1.vuepress.vuejs.org/config/#description
   */
  description: description,

  /**
   * Extra tags to be injected to the page HTML `<head>`
   *
   * ref：https://v1.vuepress.vuejs.org/config/#head
   */
  head: [
    ['meta', { name: 'theme-color', content: '#3eaf7c' }],
    ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
    ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
    ['link', { rel: 'icon', href: '/image/favicon.ico' }]
  ],

  /**
   * Theme configuration, here is the default theme configuration for VuePress.
   *
   * ref：https://v1.vuepress.vuejs.org/theme/default-theme-config.html
   */
  themeConfig: {
    repo: '',
    editLinks: false,
    docsDir: '',
    editLinkText: '',
    sidebarDepth: 3,
    lastUpdated: 'Last Updated',
    nav: [
      {
        text: '你不知道的javascript',
        link: '/javascript/',
      },
      {
        text: 'typescript基础教程与实战开发',
        link: '/typescript/',
      },
      {
        text: '算法通关',
        link: '/algorithm/'
      },
      {
        text: '前端面试宝典',
        link: '/interview/'
      },
      {
        text: '小程序实战',
        link: '/wechat/'
      },
    ],
    sidebar: {
      '/javascript/': [
        {
          title: '你不知道的javascript',
          collapsable: false,
          children: [
            '',
            '一篇文章搞定javascript中的字符串',
            'Javascript数组的方法你真的都了解吗？',
          ]
        }
      ],
      '/wechat/': [
        {
          title: '从0到1开发一款自己的小程序',
          collapsable: false,
          children: [
            '',
            '基础篇 1：小程序开发基础知识',
            '基础篇 2：小程序云开发基础知识',
            '基础篇 3：小程序架构及其实现机制',
            '开篇：微信小程序概述',
            '实战篇 1：小程序开发环境搭建',
            '实战篇 2：新鲜天气小程序简介',
            '实战篇 3：天气页面样式布局开发',
            '实战篇 4：天气页面数据获取和交互实现',
            '实战篇 5：为天气页面制作雨雪效果的粒子系统',
            '实战篇 6：心情签到页面开发',
            '实战篇 7：对小程序进行优化',
            '实战篇 8：小程序调试技巧和上线发布',
            '实战篇 3：天气页面样式布局开发',
            '总结与拓展',
          ]
        }
      ],
      '/interview/': [
        {
          title: '前端面试宝典',
          collapsable: false,
          children: [
            '',
            '准备. 简历编写和面试前准备',
            '一面1. ES基础知识点与高频考题解析',
            '一面2. JS-Web-API 知识点与高频考题解析',
            '一面3. CSS-HTML 知识点与高频考题解析',
            '一面4. 从容应对算法题目',
            '一面5. 浏览器相关知识点与高频考题解析',
            '一面6. 开发环境相关知识点与高频考题解析',
            '二面1. 如何回答常见的软技能问题',
            '二面2. 如何介绍项目及应对项目细节追问',
            'HR面. 谈钱不伤感情',
            '其他. 面试注意事项',
            '总结与补充说明',
          ]
        }
      ],
      '/typescript/': [
        {
          title: 'typescript基础教程与实战开发',
          collapsable: false,
          children: [
            '',
            '基础1. typescript介绍,安装,环境搭建',
            '基础2. typescript基本数据类型',
            '基础3. typescript任意类型',
            '基础4. typescript函数',
            '基础5. typescript的类',
            '基础6. typescript中的接口',
            '基础7. typescript中的泛型',
            '基础8. typescriptd的模块',
            '基础9. typescript的命名空间',
            '基础10. typescript的装饰器',
            '实战篇',
          ]
        }
      ],
      '/algorithm/': [
        {
          title: '算法通关',
          collapsable: false,
          children: [
            '',
            '常见的数据结构',
          ]
        }
      ],
    }
  },

  /**
   * Apply plugins，ref：https://v1.vuepress.vuejs.org/zh/plugin/
   */
  plugins: [
    '@vuepress/plugin-back-to-top',
    '@vuepress/plugin-medium-zoom',
  ],
  configureWebpack: {
    resolve: {
      alias: {
        '@alias': 'path/to/some/dir'
      }
    }
  }
}
